<template>
	<view>
		<view class="box">
			<!-- 电话号码 -->
			<view class="box-shang">
				<image src="/static/手机号@2x.png" mode="" style="float: left;"></image>
				<input type="number" placeholder="请输入手机号码" style="float: left;" />
				<image src="/static/组 5@2x.png" mode="" style="float: right;"></image>
			</view>
			<!-- 验证码 -->
			<view class="box-zhong">
				<view class="box-zhong-zuo">
					<!-- 获取验证码 -->
					<image src="../../../../../static/验证码@2x.png" mode=""></image>
					<input type="number" placeholder="输入验证码" />
				</view>
				<view class="box-zhong-you">获取验证码</view>
			</view>
			<!-- 提交 -->
			<view class="tijiao">提交</view>

		</view>

	</view>
</template>

<script>
	export default {
		data() {
			return {

			}
		},
		methods: {

		}
	}
</script>

<style>
	.box {
		width: 700rpx;
		height: 500rpx;
		background-color: #fff;
		border-radius: 30rpx;
		margin: 0 auto;
		padding-bottom: 50rpx;
		padding: 1rpx;
	}

	.box-shang {
		width: 90%;
		height: 80rpx;
		background-color: #e4e4e4;
		border-radius: 50rpx;
		margin: auto;
		margin-top: 40rpx;
		margin-bottom: 40rpx;

	}

	.box-shang image {
		width: 45rpx;
		height: 50rpx;
		margin: 17rpx;
	}

	.box-shang input {
		margin-top: 23rpx;
		font-size: 28rpx;
	}
	.box-zhong{
		display: flex;
		justify-content: space-between;
	}
	.box-zhong-zuo{
		width: 65%;
		height: 80rpx;
		background-color: #e4e4e4;
		border-radius: 50rpx;
		margin-left: 30rpx;
		
	}
	.box-zhong-zuo input{
		
		font-size: 28rpx;
		margin-left: 20rpx;
		margin-top: 20rpx;
		float: left;
	}
	.box-zhong-zuo image{
		width: 45rpx;
		height: 50rpx;
		/* margin: 17rpx; */
		float: left;
		margin: 17rpx 0 0  17rpx;
	}
	.box-zhong-you{
		width: 25%;
		height: 80rpx;
		background-color: #55aaff;
		border-radius: 50rpx;
		margin-right: 30rpx;
		color: #fff;
		text-align: center;
		line-height: 80rpx;
	}
	.tijiao{
		width: 70%;
		height: 80rpx;
		background-color: #55aaff;
		border-radius: 50rpx;
		margin: auto;
		margin-top: 50rpx;
		text-align: center;
		line-height: 80rpx;
		color: #fff;
	}
</style>